<template>
  <div class="more">
    <div>
      <Head></Head>
    </div>
    
    <div class="cardbox">
      <div class="block">
        <el-timeline>
          <el-timeline-item
            v-for="(item, index) in moredata"
            :key="index"
            :timestamp="item.time"
            placement="top"
            :icon="item.icon"
            :size="item.size"
            :color="item.color"
          >
            <el-card>
              <p>{{ item.text }}</p>
              <div class="img">
                <div class="img1" v-show="item.ImageUrl != null">
                  <img :src="item.ImageUrl" alt="" />
                </div>
                <div class="img2" v-show="item.ImageUrl2 != null">
                  <img :src="item.ImageUrl2" alt="" />
                </div>
              </div>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </div>
      <div class="tip">
        <p>下滑查看更多内容哦！</p>
        <div class="bottom">
          <img
            src="https://www.imageoss.com/images/2021/10/30/490d036ae466c27a6314b256c8ded34bbcd22a931736a1fa.png"
            alt=""
          />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Head from "../components/head";
//mport { getmore } from "../api/test";
export default {
  name: "index",
  data() {
    return {
      moredata: [],
    };
  },
  mounted() {
     this.$http.post("/api/user/select_more", {}).then((response) => {
      //初始化加载数据
      console.log("更多就界面数据", response.data);
      this.moredata = response.data;
    });
    //getmore()
      //.then(() => {})
      //.catch((err) => {
        //初始化加载数据
        //this.moredata = err.data.data.reverse();
      //});
  },
  components: {
    Head,
  },
};
</script>

<style scoped>
@import "../css/more.css";
</style>
